<template>
  <div class="demo-title">cell/demo2</div>
  <Cell class="demo-cell" text="单元格内容1" :has-arrow="true" />
  <Cell class="demo-cell" text="单元格内容2" :has-arrow="true" />
  <Cell class="demo-cell" text="单元格内容3" :has-arrow="true" />
</template>

<script lang="ts" setup>
  import Cell from '@sscd-mobile/cell'
</script>

<style lang="less" scoped>
  .demo-cell {
    border-bottom: 1px solid #eee;
    box-shadow: 0px 1px 2px -2px rgba(0, 0, 0, 0.16);
  }
</style>
